Digital Garden · ai4pkm-funnel-detailed.svg

Back · shared
<svg width="1000" height="1200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <marker id="arrowhead" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto">
      <polygon points="0 0, 10 3, 0 6" fill="#888"/>
    </marker>
    <linearGradient id="gradient-0" x1="0%" x2="100%">
      <stop offset="0%" stop-color="#2196F3"/>
      <stop offset="100%" stop-color="#64B5F6" stop-opacity="0.6"/>
    </linearGradient>
    <linearGradient id="gradient-1" x1="0%" x2="100%">
      <stop offset="0%" stop-color="#9C27B0"/>
      <stop offset="100%" stop-color="#BA68C8" stop-opacity="0.6"/>
    </linearGradient>
    <linearGradient id="gradient-2" x1="0%" x2="100%">
      <stop offset="0%" stop-color="#FF9800"/>
      <stop offset="100%" stop-color="#FFB74D" stop-opacity="0.6"/>
    </linearGradient>
    <linearGradient id="gradient-3" x1="0%" x2="100%">
      <stop offset="0%" stop-color="#4CAF50"/>
      <stop offset="100%" stop-color="#81C784" stop-opacity="0.6"/>
    </linearGradient>
    <linearGradient id="gradient-4" x1="0%" x2="100%">
      <stop offset="0%" stop-color="#E91E63"/>
      <stop offset="100%" stop-color="#F06292" stop-opacity="0.6"/>
    </linearGradient>
    <linearGradient id="gradient-5" x1="0%" x2="100%">
      <stop offset="0%" stop-color="#009688"/>
      <stop offset="100%" stop-color="#4DB6AC" stop-opacity="0.6"/>
    </linearGradient>
  </defs>

  <!-- Title -->
  <text x="500" y="30" text-anchor="middle" font-family="Inter, sans-serif" font-size="28" font-weight="700" fill="#FFFFFF">
    AI4PKM Marketing Funnel
  </text>

  <!-- Stage 1: Awareness (1000명) -->
  <g transform="translate(100,60)">
    <rect width="600" height="140" rx="8" fill="url(#gradient-0)" stroke="#2196F3" stroke-width="3"/>
    <text x="300" y="30" text-anchor="middle" font-family="Inter, sans-serif" font-size="18" font-weight="600" fill="#FFFFFF">
      Awareness (인지)
    </text>
    <text x="300" y="60" text-anchor="middle" font-family="Inter, sans-serif" font-size="24" font-weight="700" fill="#FFFFFF">
      1000명
    </text>
    <text x="300" y="80" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" fill="#E3F2FD">
      시작점
    </text>
    <text x="300" y="100" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#E3F2FD">
      • 블로그/유튜브
    </text>
    <text x="300" y="114" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#E3F2FD">
      • Lead Magnet
    </text>
    <text x="300" y="128" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#E3F2FD">
      • 무료 웨비나
    </text>
  </g>

  <!-- Arrow 1 -->
  <line x1="400" y1="200" x2="400" y2="240" stroke="#888" stroke-width="2" marker-end="url(#arrowhead)"/>

  <!-- Stage 2: Interest (100명) -->
  <g transform="translate(150,240)">
    <rect width="500" height="140" rx="8" fill="url(#gradient-1)" stroke="#9C27B0" stroke-width="3"/>
    <text x="250" y="30" text-anchor="middle" font-family="Inter, sans-serif" font-size="18" font-weight="600" fill="#FFFFFF">
      Interest (관심)
    </text>
    <text x="250" y="60" text-anchor="middle" font-family="Inter, sans-serif" font-size="24" font-weight="700" fill="#FFFFFF">
      100명
    </text>
    <text x="250" y="80" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" fill="#F3E5F5">
      전환률: 10%
    </text>
    <text x="250" y="100" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#F3E5F5">
      • 케이스 스터디
    </text>
    <text x="250" y="114" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#F3E5F5">
      • 데모 영상
    </text>
    <text x="250" y="128" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#F3E5F5">
      • 커뮤니티
    </text>
  </g>

  <!-- Arrow 2 -->
  <line x1="400" y1="380" x2="400" y2="420" stroke="#888" stroke-width="2" marker-end="url(#arrowhead)"/>

  <!-- Stage 3: Decision (30명) -->
  <g transform="translate(200,420)">
    <rect width="400" height="140" rx="8" fill="url(#gradient-2)" stroke="#FF9800" stroke-width="3"/>
    <text x="200" y="30" text-anchor="middle" font-family="Inter, sans-serif" font-size="18" font-weight="600" fill="#FFFFFF">
      Decision (결정)
    </text>
    <text x="200" y="60" text-anchor="middle" font-family="Inter, sans-serif" font-size="24" font-weight="700" fill="#FFFFFF">
      30명
    </text>
    <text x="200" y="80" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" fill="#FFF3E0">
      전환률: 30%
    </text>
    <text x="200" y="100" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#FFF3E0">
      • 수강생 후기
    </text>
    <text x="200" y="114" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#FFF3E0">
      • 환불 보장
    </text>
    <text x="200" y="128" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#FFF3E0">
      • Early Bird
    </text>
  </g>

  <!-- Arrow 3 -->
  <line x1="400" y1="560" x2="400" y2="600" stroke="#888" stroke-width="2" marker-end="url(#arrowhead)"/>

  <!-- Stage 4: Action (15명) -->
  <g transform="translate(250,600)">
    <rect width="300" height="140" rx="8" fill="url(#gradient-3)" stroke="#4CAF50" stroke-width="3"/>
    <text x="150" y="30" text-anchor="middle" font-family="Inter, sans-serif" font-size="18" font-weight="600" fill="#FFFFFF">
      Action (구매)
    </text>
    <text x="150" y="60" text-anchor="middle" font-family="Inter, sans-serif" font-size="24" font-weight="700" fill="#FFFFFF">
      15명
    </text>
    <text x="150" y="80" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" fill="#E8F5E9">
      전환률: 50%
    </text>
    <text x="150" y="100" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#E8F5E9">
      • 간단한 결제
    </text>
    <text x="150" y="114" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#E8F5E9">
      • Welcome Email
    </text>
    <text x="150" y="128" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#E8F5E9">
      • 사전 과제
    </text>
  </g>

  <!-- Arrow 4 -->
  <line x1="400" y1="740" x2="400" y2="780" stroke="#888" stroke-width="2" marker-end="url(#arrowhead)"/>

  <!-- Stage 5: Retention (10명) -->
  <g transform="translate(280,780)">
    <rect width="240" height="140" rx="8" fill="url(#gradient-4)" stroke="#E91E63" stroke-width="3"/>
    <text x="120" y="30" text-anchor="middle" font-family="Inter, sans-serif" font-size="18" font-weight="600" fill="#FFFFFF">
      Retention (유지)
    </text>
    <text x="120" y="60" text-anchor="middle" font-family="Inter, sans-serif" font-size="24" font-weight="700" fill="#FFFFFF">
      10명
    </text>
    <text x="120" y="80" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" fill="#FCE4EC">
      전환률: 70%
    </text>
    <text x="120" y="100" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#FCE4EC">
      • 주간 체크인
    </text>
    <text x="120" y="114" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#FCE4EC">
      • Office Hours
    </text>
    <text x="120" y="128" text-anchor="middle" font-family="Inter, sans-serif" font-size="12" fill="#FCE4EC">
      • Certificate
    </text>
  </g>

  <!-- Arrow 5 -->
  <line x1="400" y1="920" x2="400" y2="960" stroke="#888" stroke-width="2" marker-end="url(#arrowhead)"/>

  <!-- Stage 6: Advocacy (3명) -->
  <g transform="translate(330,960)">
    <rect width="140" height="140" rx="8" fill="url(#gradient-5)" stroke="#009688" stroke-width="3"/>
    <text x="70" y="30" text-anchor="middle" font-family="Inter, sans-serif" font-size="18" font-weight="600" fill="#FFFFFF">
      Advocacy
    </text>
    <text x="70" y="45" text-anchor="middle" font-family="Inter, sans-serif" font-size="16" font-weight="600" fill="#FFFFFF">
      (추천)
    </text>
    <text x="70" y="70" text-anchor="middle" font-family="Inter, sans-serif" font-size="24" font-weight="700" fill="#FFFFFF">
      3명
    </text>
    <text x="70" y="90" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" fill="#E0F2F1">
      전환률: 30%
    </text>
    <text x="70" y="108" text-anchor="middle" font-family="Inter, sans-serif" font-size="11" fill="#E0F2F1">
      • Referral 보너스
    </text>
    <text x="70" y="120" text-anchor="middle" font-family="Inter, sans-serif" font-size="11" fill="#E0F2F1">
      • Case Study
    </text>
    <text x="70" y="132" text-anchor="middle" font-family="Inter, sans-serif" font-size="11" fill="#E0F2F1">
      • UGC
    </text>
  </g>

  <!-- Summary Box -->
  <g transform="translate(200,1120)">
    <rect width="600" height="60" rx="8" fill="none" stroke="#FFFFFF" stroke-width="3" opacity="0.3"/>
    <text x="300" y="22" text-anchor="middle" font-family="Inter, sans-serif" font-size="16" font-weight="600" fill="#FFFFFF">
      📊 기대 효과
    </text>
    <text x="300" y="40" text-anchor="middle" font-family="Inter, sans-serif" font-size="13" fill="#FFFFFF" opacity="0.8">
      1000명 → 15명 유료 (1.5%) | 10명 완강 → 3명 추천 | Viral Coefficient: 0.3
    </text>
  </g>
</svg>